     <div class="login" id="login">
          <div class="wrap">
               <h1><center>Welcome to e-Brochure Portal</center></h1>
               <?php
                    if(isset($_GET['redirect_url'])){
                       $url = Functions::encode_decode_url($_GET['redirect_url'],"encode");
                       $action = "/login?redirect_url=" . $url;
                    }else{
                       $action = "/login";
                    }
               ?>
               <form action="<?php echo $action; ?>" method="POST" id="validate">
               <div class="row-fluid">
                    <div class="input-prepend">
                         <span class="add-on"><i class="icon-user"></i></span>
                         <input type="text" name="username" value="" placeholder="Username" class="validate[required]"/>
                    </div>                                                 
                    <div class="input-prepend">
                         <span class="add-on"><i class="icon-exclamation-sign"></i></span>
                         <input type="password" name="password" value="" placeholder="Password" class="validate[required]"/>
                    </div>          
                    <div class="dr"><span></span></div>                                
               </div>                
               <div class="row-fluid">
                    <div class="span8 remember">                    
                         <input type="checkbox" name="rem"/> Remember me                    
                    </div>
                    <div class="span4    TAR">
                         <input type="submit" class="btn btn-block btn-primary" value="Log In"/>
                    </div>
               </div>
               </form>
               <div class="dr"><span></span></div>
               <div class="row-fluid">
                    <!--<div class="span8">                    -->
                         <button class="btn btn-block" onClick="loginBlock('#forgot');">Forgot your password?</button>
                    <!--</div>-->
                    <!--<div class="span4">
                         <button class="btn btn-warning btn-block" onClick="loginBlock('#sign');">Registration</button>
                    </div>-->
               </div>            
          </div>
    </div>
    
    <div class="login" id="sign">
        <div class="wrap">
            <h1>Registration</h1>
            
               <div class="row-fluid">
                    <div class="input-prepend">
                         <span class="add-on"><i class="icon-user"></i></span>
                         <input type="text" name="login" placeholder="Login"/>
                    </div>
                    <div class="input-prepend">
                         <span class="add-on"><i class="icon-envelope"></i></span>
                         <input type="text" name="login" placeholder="E-mail"/>
                    </div>                
                    <div class="dr"><span></span></div>                
                    <div class="input-prepend">
                         <span class="add-on"><i class="icon-exclamation-sign"></i></span>
                         <input type="text" name="password" placeholder="Password"/>
                    </div>                          
                    <div class="input-prepend">
                         <span class="add-on"><i class="icon-question-sign"></i></span>
                         <input type="text" name="re-password" placeholder="Re-Password"/>
                    </div>                                
                    <div class="dr"><span></span></div>                                
               </div>
               <div class="row-fluid">
                    <div class="span8 remember">
                         <input type="checkbox"/> I agree with terms...
                    </div>
                    <div class="span4 TAR">
                         <button class="btn btn-block btn-primary">Registration</button>
                    </div>
               </div>
               <div class="dr"><span></span></div>
               <div class="row-fluid">
                   <div class="span4">                    
                       <button class="btn btn-block" onClick="loginBlock('#login');">Back</button>
                   </div>                
               </div>             
          </div>
     </div>    
    
     <div class="login" id="forgot">
          <div class="wrap">
               <h1>Forgot your password?</h1>
               <div class="row-fluid">
                    <p>Please enter your email address to recover your password</p>
                    <div class="input-prepend">
                         <span class="add-on"><i class="icon-envelope"></i></span>
                         <input type="text" name="email" placeholder="E-mail"/>
                    </div>                                                           
                    <div class="dr"><span></span></div>                               
               </div>                   
               <div class="row-fluid">
                    <div class="span4">                    
                         <button class="btn btn-block" onClick="loginBlock('#login');">Back</button>
                    </div>                                
                    <div class="span4"></div>
                    <div class="span4 TAR">
                         <button class="btn btn-block btn-primary recover_password" data-type="recover">Recover</button>
                         
                    </div>
               </div>                                  
          </div>
     </div>   


   